feat: mobile menu #129
feat: mobile menu #129
Conversation
zerkalica
force-pushed
the
feature/mobile-menu
branch
2 times, most recently
from
3d1b4dd to
dbb1723
Compare
| shouldForwardProp: prop => prop !== 'active', | ||
| })<HorizontalMenuItemProps>(({active, theme}) => ({ | ||
| cursor: 'pointer', | ||
| fontFamily: theme.font.family, |
There was a problem hiding this comment.
типографику через Typo примитив или Heading, Paragraph или Text компоненты
There was a problem hiding this comment.
У меня ссылка, надо pointer, hover задавать и т.д. Heading, Paragraph, Text - обычные компоненты, у которых нужные свойства не переопределить.
Что лучше,
-
Сделать один семантический styled компонент, не наследуясь, со всеми стилизациями в одном месте (как сейчас)? Пропсов ему задавать не надо.
-
По аналогии с Text сделать Link на теге Typo, часть стилей захреначить через пропсы, а часть через inline css? Как тут понять, что хардкодить в стилях, а что в пропсы?
-
унаследоваться от Typo, часть стилей захреначить через пропсы, часть захардкодить в styled?
Меня смущает, что в компоненте в 2, 3 стилизация делается 2мя способами: пропсы и стили, цельность хуже, лучше что-то одно.
There was a problem hiding this comment.
Пока оставил, до готовности LinkControl
| const levels = new MenuLevelBuilder(items).levels(activeId) | ||
| const level0 = levels[0] | ||
| const level1 = levels[1] | ||
| const level2 = levels[2] |
There was a problem hiding this comment.
только два подменю может быть?
There was a problem hiding this comment.
В дизайне одно подменю. Делал 2, что б протестить, могу убрать level2. Каждый уровень может быть кастомный, рисовать в цикле не вариант.
| /** | ||
| * Active menu item id | ||
| */ | ||
| activeId: string |
| id: string | ||
| activeId: string | ||
| items: Item[] | ||
| onClick: (item: Item) => void |
There was a problem hiding this comment.
наверное onSelect или onChange лучше
zerkalica
force-pushed
the
feature/mobile-menu
branch
from
8fd2384 to
c6b0320
Compare
| onMouseUp={renderProps.onMouseUp} | ||
| onMouseDown={renderProps.onMouseDown} | ||
| cursor="pointer" | ||
| mr={props.isLast ? 0 : 6} |
There was a problem hiding this comment.
отступы лучше во врапере сделать
| renderProps.hover || props.active ? '#ff8c00' : 'transparent' | ||
| }`} | ||
| children={ | ||
| <Typo |
There was a problem hiding this comment.
может быть какой-нить Text заюзать?
zerkalica
force-pushed
the
feature/mobile-menu
branch
from
1bb1c92 to
b0455ae
Compare
zerkalica
force-pushed
the
feature/mobile-menu
branch
from
b0455ae to
4c73ad2
Compare
No description provided.